.main {
		width: 100%;
		height: 100vh;
		background-color: #FFF;
		// overflow: hidden;

		.shang {
			width: 100%;
			height: 410rpx;
			position: relative;

			.header {
				width: 100%;
				height: 410rpx;
				z-index: 999;
				position: absolute;

				.top {
					width: 100%;
					height: 250rpx;
					display: flex;
					justify-content: safe;

					.userimg {
						width: 25%;
						height: 250rpx;
						.box {
							width: 112rpx;
							height: 112rpx;
							margin: auto;
							filter: drop-shadow(0 26rpx 26rpx rgba(218, 129, 129, 0.34));
							margin-top: 100rpx;
							border-radius: 74rpx;
							image {
								display: block;
								width: 112rpx;
								height: 112rpx;
								border-radius: 50%;
							}
						}
					}

					.username {
						height: 250rpx;
						width: 75%;
						.textname {

							width: 100%;

							height: 60rpx;
							margin-top: 110rpx;
							display: flex;

							.nickname {
								width: 55%;
								height: 80%;
								font-weight: 600;
								font-size: 36rpx;
								letter-spacing: -0.02em;
								color: #000000;
								text-overflow: ellipsis;
								display: -webkit-box;
								overflow: hidden;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 1;
								word-break: break-all;
							}

							.vip {
								width: 20%;
								height: 60rpx;

								image {
									display: block;
									width: 120rpx;
									height: 44rpx;
								}
							}
						}

						.textnameid {
							font-weight: 400;
							font-size: 24rpx;
							line-height: 34rpx;
							letter-spacing: -0.02em;
							color: #000000;
							margin-top: 10rpx;
							display: flex;
							.kd{
								margin-left: 20rpx;
							}
							.fzyqm {
								margin-left: 30rpx;

								image {
									width: 35rpx;
									height: 35rpx;
								}
							}
						}
					}


					.icon {
						width: 30%;
						height: 300rpx;
						border: 1rpx solid red;

						.box {
							width: 100%;
							height: 50rpx;
							margin-top: 100rpx;
						}
					}
				}

				.vipbox {
					width: 90%;
					height: 162rpx;
					margin: auto;
					background: url("../../static/vipbackground.png");
					background-size: 100%;
					background-repeat: no-repeat;
					display: flex;

					.box1 {
						width: 25%;
						height: 100%;

						image {
							display: block;
							width: 110rpx;
							height: 104rpx;
							margin: auto;
							margin-top: 30rpx;
						}
					}

					.box2 {
						width: 40%;
						height: 100%;

						.viptime1 {
							font-weight: 500;
							font-size: 44rpx;
							margin-top: 36rpx;
							color: #956B00;
						}

						.viptime2 {
							font-weight: 500;
							font-size: 32rpx;
							margin-top: 36rpx;
							color: #956B00;
						}

						.time1 {

							font-size: 26rpx;
							line-height: 36rpx;
							color: #956B00;
							margin-top: 10rpx;
						}

						.time2 {

							font-size: 26rpx;
							line-height: 36rpx;
							color: #956B00;
						}
					}

					.box3 {
						width: 35%;
						height: 100%;

						.kt {
							background: #FFFFFF;
							box-shadow: 0px 16rpx 34rpx rgba(186, 56, 0, 0.32);
							border-radius: 80rpx;
							height: 95rpx;
							text-align: center;
							line-height: 95rpx;
							margin-top: 40rpx;
							width: 80%;
							font-weight: 500;
							font-size: 28rpx;
							color: #956B00;
						}
					}
				}

			}

			.img {
				position: absolute;
				width: 100%;
				height: 410rpx;
				top: 0;
				overflow: hidden;

				.allbg {
					width: 100%;
				}
			}
		}

		.all {
			background-color: rgb(253, 253, 253);
			// margin-top: 130rpx;
			padding:  40rpx 0 0 40rpx;

			.title {

				font-weight: 500;
				font-size: 32rpx;
				line-height: 44rpx;
				color: #000000;
			}

			.list {

				.aaa {
					width: 100%;
					height: 60rpx;
					display: flex;
					margin-top: 40rpx;

					image {
						display: block;
						width: 38rpx;
						height: 38rpx;
						margin: 11rpx 0 0 20rpx;
					}

					.bbb {
						line-height: 60rpx;
						margin-left: 10rpx;
					}
				}
			}
		}
	}